// index.js是项目的入口,项目从这里开始运行
// 引入react核心包
import React from 'react';
// 引入react-dom核心包
import ReactDOM from 'react-dom/client';
// 1.引入react路由
import { RouterProvider } from 'react-router-dom'
// 引入前面写的store组件
import store from './store'
// 引入Provider
import { Provider } from 'react-redux'
// 引入项目的根组件
import App from './App';
// 通过浏览器的document对象获取唯一的id,即root元素，通过ReactDOM创建root对象
// root元素在index.html中
// 2.导入抽象路由模块
import router from './router'


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
	  {/* 3.通过RouterProvider使用抽象路由 */}
	<RouterProvider router={router}></RouterProvider>
  </Provider>
);
